<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本和字体样式练习</title>
    <style>
        div{
            width: 300px;
            height: 50px;
            border: 1px solid red;
            /* 水平对齐方式 left、center、right */
            text-align: center;
            /*设置行高 多行文本的行间距（垂直居中-行高与上级元素高度一致）*/
            line-height: 50px;
            /*文本修饰 underline 下划线、line-through 删除线、overline 上划线、none 去掉修饰*/
            text-decoration: none;

            /*字体样式*/
            font-style: italic;
            /*字体大小*/
            font-size: 28px;
            /*字体加粗*/
            font-weight: bold;
        }
        a{
            text-decoration: none;
        }
        h1{
            font-weight: normal;
            font-size: 40px;
            /* 设置字体 */
            font-family: 宋体,黑体,微软雅黑;
            /* 字体大小 + 字体设置*/
            font: 11px 宋体;
            /*font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;*/
        }
    </style>
</head>
<body>

    <h1>这是一号标题</h1>
    <div>文本和字体样式练习</div>
    <a href="http://www.baidu.com">超链接</a>
</body>
</html>